<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Firebug</title>
</head>
<script>
var handler = function(e){
	var item = e.target;
	e.preventDefault();
	e.stopPropagation();
	var color = item.style.backgroundColor;
	console.log('item '+item+" "+color);
	item.style.backgroundColor = 'red';
	item.onmouseout = function(e){
		console.log("item onmouseout "+color+item);
		item.style.backgroundColor = color;//\| '';
	}
	
}
var add = function(e){
	console.log("add");
	document.body.onmouseover = handler;
}
</script>
<body onload="add();">
<div>
<span style="background:yellow;'">adf
</span>
<a href="#">Click</a>
<div>dfdfsd</div>
<p>test</p>
</div>
</body>
</html>